<template>
    <div class="h-60 w-full overflow-hidden rounded-md">
        <Vortex background-color="black" class="h-60 w-full flex size-full flex-col items-center justify-center px-2 py-4">
            <div class="z-[1] flex items-center">
                <span class="text-2xl font-bold text-white">
                    <slot/>
                </span>
            </div>
        </Vortex>
    </div>
</template>

<script setup lang="ts">
import Vortex from './vortexBackground.vue'
</script>